<template>
	<view
		class="know weui-btn_theme display-flex-center"
		@click.native="handleClick"
		:style="{
			width: width + 'rpx',
			height: height + 'rpx',
			'border-radius': bradius + 'rpx',
		}"
	>
	{{text}}
	</view>
</template>

<script>
export default {
	props: {
		text: {
			type: String,
			default: '确定',
		},
		width: {
			type: String,
			default: '',
		},
		height: {
			type: String,
			default: '70',
		},
		bradius: {
			type: String,
			default: '',
		},
	},
	methods: {
		handleClick(e) {
			this.$emit('click', e)
		},
	},
}
</script>

<style lang="scss" scoped>
.know {
	margin-bottom: -24rpx;
	width: 238px;
	height: 40px;
	color: #fff;
	font-size: 28rpx;
}
</style>